/**
 * Created by derek on 28/06/2017.
 */
//config的设置是全局的
layui.config({
    base: '/js/plugins/' // 自定义扩展插件所在的目录
}).extend({ //设定模块别名
    yjstab: 'yjstab',
    yjslayer: 'yjslayer',
    yjsloading: 'yjsloading'
});

layui.use(['element', 'yjslayer', 'jquery', 'util', 'yjstab', 'yjsloading'], function () {
    var $ = layui.jquery
        , util = layui.util
        , tab = layui.yjstab()
        , element = layui.element
        , yjslayer = layui.yjslayer
        , yjsloading = layui.yjsloading;

    //
    // "全屏"按钮点击事件
    $('#btnFullscreen').on('click', function () {
        if ($.fullscreen.isNativelySupported()) {
            if ($.fullscreen.isFullScreen()) {
                $.fullscreen.exit();
            } else {
                $('body').fullscreen();
            }
            return false;
        } else {
            yjslayer.lockMsg('当前浏览器不支持此功能！');
        }
    });

    // "锁屏"按钮点击事件
    $('#btnLockscreen').on('click', function () {
        $(".yjs-lock-screen").show();
    });

    // "退出"按钮点击事件
    $('#btnLogout').on('click', function () {
        $title = '退出登录提示';
        $msg = '您确定要退出系统吗？';
        $url = 'logout';
        yjsloading.exitSystem($title, $msg, $url);
    });

    // 主菜单点击事件监听
    element.on('nav(mainmenu)', function (data) {
        var menuid = data.data('pid');
        getSubMenu(menuid);
        element.init();
    });

    // 获取子菜单数据
    function getSubMenu(id) {
        // 获取当前主菜单对应子菜单操作
        $.ajax({
            url: '/admin/submenus/' + id,
            type: 'get',
        })
            .done(function (data) {
                $('.yjs-sub-menu').html(data);
                element.init();
            })
            .fail(function () {
                yjslayer.failMsg('操作失败，获取子菜单功能不可用wwwwwww');
            })
            .always(function () {
            });
    }

    // 子菜单点击事件监听
    element.on('nav(submenu)', function (data) {
        var $a = data.children('a'),
            href = $a.data('url'),
            icon = $a.children('i:first').data('icon'),
            title = $a.data('title'),
            parent = $a.data('parent'),
            menuItem = {
                href: href,
                icon: icon,
                title: title,
                parent: true
            };

        tab.tabAdd(menuItem, false);
    });

    //使用内部工具组件
    util.fixbar({
        bar1: '<i class="yjs-util-icon">&#xe69b;</i>',
        bar2: '<i class="yjs-util-icon">&#xe621;</i>',
        bgcolor: '#1ab8ac',
        click: function (type) {
            if (type === 'bar1') {

            } else if (type === 'bar2') {

            }
        }
    });

    (function init() {
        $('#homepage').trigger('click');
        $('.layui-tab-title').children().first().find('i').last().remove();
    }());
});

